<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('管理员列表')" />
    <th:block th:include="include :: layout-latest-css" />
</head>
<body class="gray-bg">
<!-- 移除原左侧组织机构树，直接展示管理员列表核心区域 -->
<div class="ui-layout-center">
    <div class="container-div">
        <div class="row">
            <!-- 搜索区域：新增管理员类型筛选，保留原关键搜索项 -->
            <div class="col-sm-12 search-collapse">
                <form id="admin-form">
                    <div class="select-list">
                        <ul>

                            <li>
                                姓名：<input type="text" name="userName"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <!-- 操作按钮栏：权限标识替换为管理员相关 -->
            <div class="btn-group-sm" id="toolbar" role="group">
<!--                <a class="btn btn-success" onclick="$.operate.addTab()" shiro:hasPermission="system:admin:add">-->
<!--                    <i class="fa fa-plus"></i> 新增管理员-->
<!--                </a>-->
<!--                <a class="btn btn-primary single disabled" onclick="$.operate.editTab()" shiro:hasPermission="system:admin:edit">-->
<!--                    <i class="fa fa-edit"></i> 修改-->
<!--                </a>-->
<!--                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:admin:remove">-->
<!--                    <i class="fa fa-remove"></i> 删除-->
<!--                </a>-->
<!--                <a class="btn btn-info" onclick="$.table.importExcel()" shiro:hasPermission="system:admin:import">-->
<!--                    <i class="fa fa-upload"></i> 导入管理员-->
<!--                </a>-->
<!--                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:admin:export">-->
<!--                    <i class="fa fa-download"></i> 导出管理员-->
<!--                </a>-->
            </div>

            <!-- 管理员列表表格：新增管理员类型列，移除部门列 -->
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer" />
<th:block th:include="include :: layout-latest-js" />
<script th:inline="javascript">
    // 权限标识替换为管理员相关
    var editFlag = [[${@permission.hasPermi('system:admin:edit')}]];
    var removeFlag = [[${@permission.hasPermi('system:admin:remove')}]];
    var resetPwdFlag = [[${@permission.hasPermi('system:admin:resetPwd')}]];
    var authRoleFlag = [[${@permission.hasPermi('system:admin:authRole')}]];
    var prefix = ctx + "comp/customer"; // 接口前缀替换为管理员接口

    $(function() {
        // 适配小屏幕布局，移除原左侧面板逻辑
        if ($(this).width() < 769) {
            $('.search-collapse').addClass('collapsed');
        }
        // 回到顶部绑定
        if ($.fn.toTop !== undefined) {
            var opt = {
                win:$('.ui-layout-center'),
                doc:$('.ui-layout-center')
            };
            $('#scroll-up').toTop(opt);
        }
        queryAdminList(); // 加载管理员列表
    });

    // 加载管理员列表：替换接口、列配置（新增管理员类型，移除部门）
    function queryAdminList() {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            exportUrl: prefix + "/export",
            importUrl: prefix + "/importData",
            importTemplateUrl: prefix + "/importTemplate",
            sortName: "createTime",
            sortOrder: "desc",
            modalName: "管理员", // 模态框标题替换
            columns: [{
                checkbox: true
            },
                {
                    field: 'userId', // 主键字段替换为管理员ID
                    title: '用户ID'
                },
                {
                    field: 'loginName',
                    title: '登录名称',
                    sortable: true
                },
                {
                    field: 'userName',
                    title: '用户姓名'
                },
                // 核心差异：新增管理员类型列，显示管理员具体类型

                {
                    field: 'userType',
                    title: '身份',
                    formatter: function(value, row, index) {
                        var userType = "";
                        if (row.userType == '00') {
                            return "超级管理员";
                        } else if(row.userType == '01'){
                            return "管理员";
                        } else if(row.userType == '02'){
                            return "普通客户";
                        } else if(row.userType == '03'){
                            return "学生评委";
                        } else if(row.userType == '04'){
                            return "教师评委";
                        }
                    }
                },
                {
                    field: 'email',
                    title: '邮箱',
                    visible: false
                },
                {
                    field: 'phonenumber',
                    title: '手机号码'
                },

                {
                    field: 'createTime',
                    title: '创建时间',
                    sortable: true
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        // 超级管理员（如ID=1）禁止删除/修改
                        if (row.adminId != 1) {
                            var actions = [];

                            if (row.status == 0) {
                                // del_flag=0：显示“拉黑”，红色按钮，调用拉黑接口
                                actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="disable(\'' + row.userId + '\')"><i class="fa fa-ban"></i>拉黑</a> ');
                            } else {
                                // del_flag=1：显示“恢复”，绿色按钮，调用恢复接口
                                actions.push('<a class="btn btn-primary btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="enable(\'' + row.userId + '\')"><i class="fa fa-reply"></i>恢复</a> ');
                            }
                            return actions.join('');
                        } else {
                            return "";
                        }
                    }
                }]
        };
        $.table.init(options);
    }

    /* 管理员停用：接口替换为管理员状态接口 */
    function disable(adminId) {
        $.modal.confirm("确认要拉黑该用户吗？", function() {
            $.operate.post(prefix + "/changeStatus", { "userId": adminId, "status": 1 });
        })
    }

    /* 管理员启用：接口替换为管理员状态接口 */
    function enable(adminId) {
        $.modal.confirm("确认要恢复该用户吗？", function() {
            $.operate.post(prefix + "/changeStatus", {  "userId": adminId, "status": 0 });
        })
    }


</script>

<!-- 导入区域：文字适配管理员 -->
<script id="importTpl" type="text/template">
    <form enctype="multipart/form-data" class="mt20 mb10">
        <div class="col-xs-offset-1">
            <input type="file" id="file" name="file"/>
            <div class="mt10 pt5">
                <input type="checkbox" id="updateSupport" name="updateSupport" title="如果登录账户已经存在，更新这条管理员数据。"> 是否更新已经存在的管理员数据
                &nbsp;	<a onclick="$.table.importTemplate()" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i> 下载管理员模板</a>
            </div>
            <font color="red" class="pull-left mt10">
                提示：仅允许导入“xls”或“xlsx”格式文件！
            </font>
        </div>
    </form>
</script>
</body>
</html>